<!doctype html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link rel="stylesheet" type="text/css" href="../../css/mui.css"/>
		<link href="../../css/mui.min.css" rel="stylesheet" />
		<link rel="stylesheet" type="text/css" href="../../css/general.css"/>
		<link rel="stylesheet" type="text/css" href="../../css/mui.picker.min.css"/>
		<link rel="stylesheet" type="text/css" href="../../css/mui.poppicker.css"/>
		<link rel="stylesheet" type="text/css" href="../../css/lcs-mui-numbox.css"/>
		<link rel="stylesheet" type="text/css" href="../../css/lcs-pop.css"/>
		<style type="text/css">
			.maindiv {
			    width: 100%;
			    background-color: white;
			    padding: 0;
			    margin:0; 
			}

			.flex-row-between>.left{
				width: 20%;
			}
			.left>img{
				border-radius: 50%;
				width: 100%;
			}
			.flex-row-between>.right{
				height: auto;
				width: 80%;
				padding: 0 0 0 0.6em;
			}
			.flex-row-between>span{
				padding: 0.2em 0;
			}
			.flex-row-between>.ldiv{
				width: 50%;
				margin: 0;
				padding: 0;
			}
			.flex-row-start>input{
				width: 60%;
				font-size: 1em;
				border: 1px solid #C7C7C7 !important;
			}
			
			.flex-col-aicent-jcsb{
				display: flex;
				flex-direction: column;
				align-items: center;
				justify-content: space-between;
			}
.accordion .opened-for-codepen {
  display: none;
}


input[type=text]{
    line-height: 21px;
    width: 40% !important;
    height: 30px;
    margin-bottom: 0;
    padding: 2px 5px;
    -webkit-user-select: text;
    border: 0 !important;
    border-bottom: 1px solid #C7C7C7 !important;
    outline: 0;
    background-color: white !important;
    -webkit-appearance: none;
}

input[type=checkbox]{
        /*去除浏览器默认样式*/
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        /*自定义样式*/
        position: relative;
        display: inline-block;
        vertical-align: top;
        width: 1.5em;
		height: 1.5em;
        border: 1px solid #00bfff;
        outline: none;
        cursor: pointer;
        /*设置为圆形，看起来是个单选框*/
        -webkit-border-radius: 20px;
        -moz-border-radius: 20px;
        border-radius: 20px;
    }
 
    /**
    * 单选框 选中之后的样式
    **/
    input[type=checkbox]:after{
        content: '';
        position: absolute;
        width: 1em;
        height: 1em;
        display:block;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        margin: auto;
        background: #00bfff;
        -webkit-border-radius: 12px;
        -moz-border-radius: 12px;
        border-radius: 12px;
        -webkit-transform: scale(0);
        -moz-transform: scale(0);
        transform: scale(0);
        /*增加一些动画*/
        -webkit-transition : all ease-in-out 300ms;
        -moz-transition : all ease-in-out 300ms;
        transition : all ease-in-out 300ms;
    }
    input[type=checkbox]:checked:after{
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        transform: scale(1);
    }
    input[type=number]{
    	margin-bottom: auto;
    	padding: 5px;
    }
.opened-for-codepen{
	background-color: white;
	padding: 0.5em;
}
.opened-for-codepen>div{
	padding: 0.2em;
}
.flex-row-around{
	width: auto !important;
}

.mui-table-view-cell {
    position: relative;
    overflow: hidden;
    padding: 11px 15px;
    -webkit-touch-callout: none;
}
.yuangong{
	width: 100%;
	display: flex;
	
}
.listdivmain{
	height: auto !important;	
	padding: 0.5em;
}
.listdivmain>div {
    width: 90%;
    padding: 0.2em 0.5em;
    border-bottom:0;
    margin: 0.2em auto;
}
.listdivmain>div:first-child {
    border-bottom: 1px solid #c7c7c7;
}
.listdivmain>div>div {
	padding: 0.5em 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.cdiv{
	text-align: center;
	color: #c7c7c7;
}

.mui-numbox .mui-input-numbox, .mui-numbox .mui-numbox-input {
    overflow: hidden;
    width: 50% !important;
    height: 100%;
    margin: 0;
    padding: 0 3px!important;
    text-align: center;
    text-overflow: ellipsis;
    word-break: normal;
    border: none!important;
    border-right: solid 1px #ccc!important;
    border-left: solid 1px #ccc!important;
    border-radius: 0!important;
}
.mui-numbox [class*=btn-numbox], .mui-numbox [class*=numbox-btn] {
    font-size: 18px;
    font-weight: 400;
    line-height: 100%;
    overflow: hidden;
    width: 35% !important;
    height: 100%;
    padding: 0;
    color: #555;
    border: none;
    border-radius: 0;
    background-color: orange;
}
input::-webkit-input-placeholder {
         color: #aab2bd;
         font-size: 12px;
         text-align: right;
    }
    
    .flex-row-start{
    	width: 100%;
    	display: flex;
    	align-items: center;
    	justify-content: flex-start;
    }
 
.mui-numbox {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    height: 2em;
    padding: 0 ;
    vertical-align: top;
    vertical-align: middle;
    border: 0;
    border-radius: 3px;
    background-color: #efeff4;
} 
.mui-numbox [class*=btn-numbox], .mui-numbox [class*=numbox-btn] {
    font-size: 16px;
    font-weight: 400;
    line-height: 100%;
    overflow: hidden;
    width: 30% !important;
    height: 100%;
    color: #555;
    border: 0;
    background-color: orange !important;
}

.mui-numbox .mui-input-numbox, .mui-numbox .mui-numbox-input {
    overflow: hidden;
    width: 40% !important;
    height: 100%;
    margin: 0;
    padding: 0 !important;
    text-align: center;
    text-overflow: ellipsis;
    word-break: normal;
    border: 1px solid #C7C7C7;
    border-right: solid 1px #ccc!important;
    border-left: solid 1px #ccc!important;
    border-radius: 0!important;
}
    
			.mdata{
				width: 100%;
				background-color: white;
				padding: 0.5em;
				display: flex;
				justify-content: flex-start;
				align-items: center;
				margin-bottom: 0.3em;
			}
			.mimg{
				margin: 0.5em;
			}
			.mimg>img{
				width: 70px;
				height: 70px;
			}
			.mtext{
				display: flex;
				justify-content: center;
				align-items: flex-start;
				flex-direction: column;
			}
			.context{
				width: 100%;
				display: flex;
				justify-content: center;
				align-items: flex-start;
				height: calc(100% - 70px);
			}
			.tleft{
				width: 25%;
			}
			.tright{
				width: 75%;
				height: 100%
			}
			.tmain{
				width: 100%;
				height: 100%;
			}
			.tleft>div{
				width: 100%;
				height: 2.5em;
				display: flex;
				align-items: center;
				justify-content: center;
			}
			.footdiv{
				margin: 11px 0 0 0;
				padding: 11px 0 0 0;
			}
		</style>
	</head>

	<body>
		<header class="mui-bar mui-bar-nav hbg">
		    <a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left colorw"></a>
		    <h1 class="mui-title">购物车</h1>
		</header>
		<div class="mui-content" id="">
			<div class="mdata hidden" id="memberid">
		    	
		    </div>
			<div class="cdiv">
				左滑操作商品
			</div>
			<div id="goodslist">
				
		     </div>
		    <div class="fgd"></div>
		    <div class="footdiv">
		    	<button id="jiezhangid" type="button" class="mui-btn mui-btn-blue mui-btn-block">结账</button>
		    </div>
		    <div id="popover" class="mui-popover">
			   <div class="listdiv">
			   		<div class="listdivmain" id="listdivmain">
							<div class="">
								<div class="flex-row-around">
                                	<span id="">员工：</span>
                                	<span id="employeesid">选择</span>
								</div>
								<div class="flex-row-around">
                                	<span id="">职位：</span>
									<span id="rname"></span>
								</div>
								<div class="flex-row-around">
									<span id="">指定：</span>
									<input id="appoint" type="checkbox">
								</div>
							</div>
							<div class="">
								<div class="flex-row-around">
									<span id="">提成率</span>
									<input id="proportion" type="text">
									<span id="">%</span>
								</div>
								<div class="flex-row-around">
									<span id="">提成金额</span>
									<input id="amount" type="text">
									<span id="">元</span>
								</div>
							</div>
							<div class="">
								<!--
                                	作者：592176224@qq.com
                                	时间：2019-02-20
                                	描述：
                                	<button type="button" class="mui-btn mui-btn-blue">添加</button>
                                -->
									<button id="addygbut" type="button" class="mui-btn mui-btn-blue mui-btn-block">添加</button>
							</div>
			   		</div>
			   </div>
			</div>
		</div>
		<script src="../../js/jquery.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="../../js/mui.min.js"></script>
		<script src="../../js/mui.picker.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="../../js/mui.poppicker.js" type="text/javascript" charset="utf-8"></script>
		<script src="../../js/req.js" type="text/javascript" charset="utf-8"></script>
		<script src="../../js/muishow.js" type="text/javascript" charset="utf-8"></script>
		<script type="text/javascript">
			//购物车页面
			(function(m){
				var Lcs = function(){}
				m.extend(Lcs.prototype,{
					rid:0,			//员工提成id  暂无用
					list:[],		//购物车 数组
					memberlist:[],	//提成员工数组
					product_id:0,	//商品角色提成关系 商品id
					is_appoint:1,	//是否指定
					index:0,		//数组下标
					product_type:1,	//商品类型
					mid:0,			//会员id
					edit_percent:1,	//提成是否支持开单时修改
					edit_price:1,	//收银开单是否可以修改
					//业绩提成参数
					appoint_money:0, 		//指定提成金额
			        appoint_percent:0,		//指定提成比例
			        non_appoint_money :0,	//非指定金额
			        non_appoint_percent:0,	//非指定比例
					tc_type :1,				//提成类型 比例或金额
					there_are : true,		//是否有提成
					onReady:function(){
						var that = this;
						mui.init();
						try{
							var str = getrequest().list;
							that.list = JSON.parse(str).goods;
							that.mid = JSON.parse(str).mid;
						}catch(e){
							//TODO handle the exception
						}
						mui.plusReady(function(res){
							var view = plus.webview.currentWebview();
							that.list = view.goods;
							that.mid = view.mid;
						})
						if(that.mid > 0){
							that.getmemberdetail();
						} 
						//结账按钮监听
						g("jiezhangid").addEventListener("tap",function(e){
							var list = that.list;
							if(list.length>0){
								list.forEach(function(item,index){
									if(item.employee&&item.employee.length > 0){
										item.employee.forEach(function(items,index2){
											var nums = parseInt(list[index].product_number);
											var pmoney = list[index].employee[index2].percent_money;
											list[index].employee[index2].percent_money = (nums*pmoney);
										})
									}
								})
								console.log(list);
								var arrlist = {goods:list,mid:that.mid};
				                mui.openWindow({
				                	url:'../childPages/theInvoicing.html',
				                	id:'theInvoicing',
				                	extras: arrlist,
				                })
							}else{
								mui.toast("购物车没有商品，请返回添加");
							}
						})
						
						$("#appoint").change(function(e) { 
							console.log("设置是否指定");
                    		var index = that.index,
	                    		list = that.list,
	                    		appoint_money = that.appoint_money,
	                       		appoint_percent = that.appoint_percent,
	                       		non_appoint_money = that.non_appoint_money,
	                       		non_appoint_percent = that.non_appoint_percent,
	                       		tc_type = that.tc_type;
	                       		if(tc_type == 1){
                    		 		var m = 0,
                    		 			p = 0;
	                       			m = list[index].product_price;
	                       			if($(this)[0].checked){
	                       				that.is_appoint = 1;
	                       				p = appoint_percent
	                       			}else{
	                       				that.is_appoint = 2;
	                       				p = non_appoint_percent
	                       			}
	                       			appoint_money = that.calculate(m,p);
	                        		that.setappoint(p,appoint_money);
                    		 	}else{
                    		 		var m = 0;
	                       			if($(this)[0].checked){
	                       				that.is_appoint = 1;
	                       				m = appoint_money;
	                       			}else{
	                       				that.is_appoint = 2;
	                       				m = non_appoint_money;
	                       			}	
                    		 		//提成设置的金额
	                        		that.setappoint(0,m);
                    		 	}
						});
						that.setaddEventListener();
						that.get_set_detail();
					},
					//获取配置文件
					get_set_detail:function(){
						var that = this;
						var data = {
							url:"/api/set/detail",
							data:{
								access_token:acctoken(),
							}
						}
						ajax(data,function(res){
							console.log("参数对象",res);
							that.edit_percent = res.data.edit_percent;
							that.edit_price = res.data.edit_price;
							if(res.data.edit_percent == 2){
								g("proportion").readOnly = true;
			            		g("amount").readOnly = true;
							}
						})
					},
					getmemberdetail:function(){
						var that = this;
						var data = {
								url:"/api/member/detail",
								data:{
									access_token:acctoken(),
									id:that.mid,
								}
							}
							ajax(data,function(res){
								console.log("会员详情",res);
								that.setmamber(res.data)
							})
						
					},
					setmamber:function(data){
						var memberid = g("memberid")
						memberid.classList.remove("hidden");
						var str = '<div class="mimg">';
						if(data.images&&data.images.path_name){
		    				str += '<img class="border50" src="'+data.images.path_name+'"/>';
			    		}else{
			    			str += '<img class="border50" src="../../img/member-header.png"/>';
			    		}
		    			str += '</div><div class="mtext"><span id="">'+
		    			data.username+
		    			'</span><span class="fe08">卡号：'+
		    			data.card_number+
		    			'</span><span class="fe08">';
		    			if(null != data.member_level){
		    				str += data.member_level.member_level;
		    			}
		    			str += '<span style="padding-left: 1em;">积分：'+
		    			data.stay_score+
		    			'</span></span></div>';
		    			memberid.innerHTML = str;
					},
					//设置监听函数
					setaddEventListener:function(){
						var that = this;
						//设置左滑的点击事件
						//分别是 提成员工添加 商品的删除	提成员工删除
						mui('body').on('tap', '.mui-table-view .mui-btn', function(event) {
										var elem = this;
										var li = elem.parentNode.parentNode;
										if(elem.name == 'add'){
											console.log("添加");
											that.addf(elem);
										}else if(elem.name == 'del'){
											that.delf(elem,li)
										}else if(elem.name == 'setyg'){
											that.setygf(elem,li)
										}else if(elem.name == 'delyg'){
											that.delygf(elem,li)
										}
						});
						
						$('body').on(' input propertychange','#proportion', function() {
						  	var value = this.value,
						  		index = that.index,
						  		list = that.list;
						  	var v2 = parseFloat(list[index].product_price*(value/100)).toFixed(2); 
						  	g("amount").value = v2;
						});
						
						$('body').on('chane input propertychange','.priceinput', function() {
						  	var value = this.value;
						  	var index = $(this).attr("index");
						  	that.list[index].product_price = value;
						  	console.log(that.list)
						});
						
						
						mui('body').on('change','.mui-input-numbox', function(){  
							var index = this.getAttribute("index");
							that.list[index].product_number = this.value;
							that.setgoods(that.list);
							that.set_opener();
            			}); 
						
						//获取员工列表 ，获得提成数据
						var that = this;
						var data = {
							url:"/api/employee/lst",
							data:{
								access_token:acctoken()
							}
						}
						ajax(data,function(res){
							console.log("员工列表",res);
							var list1 = [];
							var datalist = res.data.data;
							for(var i = 0;i < datalist.length; i++){
								var rid = 0,rname = '';
								if(datalist[i].role&&datalist[i].role.id){
									rid = datalist[i].role.id;
									rname = datalist[i].role.role_name;
								}
						 		var str = {
						 			value:datalist[i].id,
						 			text:datalist[i].username,
						 			rid:rid,
						 			rname:rname
						 		}
								list1.push(str);
							}
							that.memberlist = list1;
							that.setpopover();
						})
					},
					//设置pop
					setpopover:function(){
						var that = this;
						var list = that.list;
						var addmemberidPicker = new mui.PopPicker();
							console.log("设置员工");
							addmemberidPicker.setData(that.memberlist);
							var level = g("employeesid");
							var rname = g("rname");
			                level.addEventListener('tap', function(event) {
			                    addmemberidPicker.show(function(items) {
			                        level.innerText = items[0].text;
			                        level.datamid = items[0].value;
			                        var rid = items[0].rid;
			                        level.innerHTML = items[0].text;
			                        rname.innerHTML = items[0].rname;
			                        //获取商品角色提成关系
			                       	var data = {
			                       		url:"/api/employee/get_percent",
			                       		data:{
			                        		access_token:acctoken(),
			                        		role_id:rid,
			                        		product_id:that.product_id,
			                        		product_type:that.product_type,
			                        		is_card:2
			                        	}
			                        }
			                       		ajax(data,function(res){
			                       		//是否指定
			                       		console.log("角色提成关系",res)
			                       		that.there_are = true;
			                       		var index = that.index;
			                       		var listdata = res.data;
			                       		var list = that.list;
			                       		that.appoint_money = listdata.appoint_money;
			                       		that.appoint_percent = listdata.appoint_percent;
			                       		that.non_appoint_money = listdata.non_appoint_money;
			                       		that.non_appoint_percent = listdata.non_appoint_percent;
			                       		that.tc_type = listdata.type;
			                       		//如果选择的提成是比例
			                       		if(listdata.type == 1){
			                       			//提成设置的金额
		                       				var m = that.calculate(list[index].product_price,listdata.non_appoint_percent);
			                        		that.setappoint(listdata.non_appoint_percent,m);
			                        	//否则设置的是提成金额	
			                        	}else{
			                        		//提成设置的金额
			                        		that.setappoint(0,listdata.non_appoint_money);
			                        	}
			                        	
			                       	},"post",function(err){
			                       		console.log("没有")
			                       		that.there_are = false;
			                       		that.appoint_money = 0;
			                       		that.appoint_percent = 0;
			                       		that.non_appoint_money = 0;
			                       		that.non_appoint_percent = 0;
			                       		that.setappoint(0,0);
			                       	})
			                    });
								});
								that.setgoods(that.list)
								that.setaddygbut();
					},
					//用于计算 提成金额
					calculate:function(m,p){
						return (m*(p/100)).toFixed(2);
					},
					//设置员工提成数值
					setappoint:function(value1,value2){
			            g("proportion").value = value1;
					    g("amount").value = value2;
					},
					//设置添加员工的提成函数
					setaddygbut:function(){
						var that = this;
						$("#addygbut").on("tap",function(e){
                    		var check = $("#appoint")[0].checked,
                    		 	avalue = g("amount").value,
                    		 	pvalue = g("proportion").value,
                    		 	ename = g("employeesid").innerText,
			                    type = that.tc_type;
                    		var edata = {
                    			"ename":ename,
                    			"employee_id":g("employeesid").datamid, // 获取提成的员工id
			    				"is_appoint":check?1:2, // 是否指定
			    				"percent_point":pvalue, // 提成点
			    				"percent_money":avalue,// 提成金额
			    				"type":type,
			    				"there_are":that.there_are
                    		}
                    		that.list[that.index].employee.push(edata);
                    		that.setgoods(that.list);
                    		g("employeesid").innerHTML = "选择";
							g("rname").innerHTML = "";
                    		g("proportion").value = "";
					    	g("amount").value = "";
					    	g("appoint").checked = false;
                    		mui('#popover').popover('hide');
			            })
					},
					//准备添加 角色提成
					addf:function(e){
						var that = this;
						that.product_id = e.getAttribute("product");
						that.product_type = e.getAttribute("product_type")
						that.index = e.getAttribute("index");
						mui('#popover').popover('toggle',document.getElementById("popover"));
					},
					//删除商品
					delf:function(elem,li){
						var that = this;
						var btnArray = ["取消","确定"];
						mui.confirm('确认删除该商品？', '', btnArray, function(e) {
							if (e.index == 1) {
								var delnum = elem.getAttribute("index");
								that.list.splice(delnum,1);
								that.setgoods(that.list);
								that.set_opener();
							} else {
								setTimeout(function() {
									mui.swipeoutClose(li);
								}, 0);
							}
						});
					}, 
					//设置父类购物车
					set_opener:function(){
						try{
					    	var aPage = plus.webview.currentWebview().opener();
					    	//执行父页面函数
					    	aPage.evalJS("setglist('"+JSON.stringify(this.list)+"');"); 
					    }catch(e){
					    	
					    }
					},
					
					//设置员工
					setygf:function(e){
						var target = e.target;
					    var op =  $(e).parent().parent().parent().next();
					    var dis = op.css("display");
						if(dis == "none") {$(op).slideDown("fast")};
						//else $(op).slideUp("fast");
					},
					//删除员工
					delygf:function(elem,li){
						var that = this;
						var btnArray = ["取消","确定"];
						mui.confirm('确认删除该员工？', '', btnArray, function(e) {
							if (e.index == 1) {
								var index1 = elem.getAttribute("index");
								var index2 = elem.getAttribute("indexyg");
								that.list[index1].employee.splice(index2,1);
								that.setgoods(that.list);
							} else {
								setTimeout(function() {
									mui.swipeoutClose(li);
								}, 0);
							}
						});
					},
					//设置购物车
					setgoods:function(data){
						var that = this;
						var str = '';
						if(data.length>0){
							data.forEach(function(item,index){
								str += '<ul class="mui-table-view"><li class="mui-table-view-cell">'+
									'<div class="mui-slider-right mui-disabled">'+
									'<a name="add" product_type="'+item.product_type+'" product="'+item.product_id+'" index="'+index+'" class="mui-btn mui-btn-blue ">添加</a>'+
									'<a name="del" product="'+item.product_id+'" index="'+index+'" class="mui-btn mui-btn-red ">删除</a>'+
									'</div>'+
									'<div class="mui-slider-handle">'+
									'<div class="maindiv flex-row-between">'+
						    		'<div class="left">';
						    		if(item.images&&item.images.path_name){
										str += '<img src="'+item.images.path_name+'"/>';
									}else{
										str += '<img src="../../img/noimg.png"/>';
									}
						    		str += '</div>'+
						    		'<div class="right flex-col-aicent-jcsb fe09">'+
						    		'<div class="flex-row-between">'+
						    		'<span id="">'+
						    		item.product_name+
						    		'</span><span id="">X'+
						    		item.product_number+
						    		'</span></div>'+
						    		'<div class="flex-row-between">'+
					    			'<div class="flex-row-start ldiv">'+
					    			'<div class="fe08">价格:'+
					    			'</div>'+
							    	'<input type="number" class="priceinput" index="'+index+'" value="'+item.product_price+'" ';
							    	if(that.edit_price == 2){
							    		str += 'readonly="readonly"';
							    	}
							    	str += ' placeholder="输入零售价">'+
							    	'</div>'+
					    			'<div class="mui-numbox" data-numbox-step="1" data-numbox-min="0" data-numbox-max="100">'+
					    			 '<button class="mui-btn mui-btn-numbox-minus" type="button">-</button>'+
			    				    '<input class="mui-input-numbox" value="'+parseInt(item.product_number)+'" index="'+index+'" type="number" />'+
			    				    '<button class="mui-btn mui-btn-numbox-plus" type="button">+</button>'+
					    			'</div></div></div></div></div></li>';
					    			for(var j = 0; j < item.employee.length; j++){
										/*<a name="setyg" index="${i}" indexyg="${j}" class="mui-btn mui-btn-grey">修改</a>*/
									    str += '<li class="mui-table-view-cell"><div class="mui-slider-right mui-disabled">'+
												'<a name="delyg" index="'+index+'" indexyg="'+j+'" class="mui-btn mui-btn-yellow">删除</a>'+
												'</div><div class="mui-slider-handle"><div class="mui-table-cell">'+
												item.employee[j].ename+ 
												'</div></div></li>';
									}
							})
							str +='<ul>';
						g("goodslist").innerHTML = str;
						mui('.mui-numbox').numbox();
						
						}else{
							str = '<div class="nolistdiv">购物车暂无商品<div>';
							g("goodslist").innerHTML = str;
						}
					},
					
				})
				
				var lcs = new Lcs()
				lcs.onReady();
				
			})(mui)
			
		</script>
	</body>

</html>
